iT邦幫忙

2022 iThome 鐵人賽

DAY 5
0

我們都知道 HTML 主要是為了將頁面所需文字和圖片逐一放上去,然後再藉著 CSS 來排版和調整期樣式。但是我們也可以在 HTML 加上 Style 的屬性,將標籤做個比較基本和快速的變化。

例如

<p style="color:blue;"></p>

如果你想要加入更多值的話,就繼續用分號

例如

<p style="color:blue; front-size:30px;"></p>

以上例子證明我們可以在 HTML 的起始標籤內,搭配 style 屬性作為樣式的變化。
但這邊也補充一下如果我們要用 CSS 來做樣式變化,則可以用嵌入性的方式,在 <haed></haed> 裡用 style 標籤
例如:

 <style type="text/css"> 
       body { 
           background-color:white; 
       } 
         
       h1 { 
           color:black; 
       } 
         
       p { 
           color:yellow; 
       } 
   </style> 

如果要針對每群做樣式變化,用這種嵌入性的方式相對方便很多。


上一篇
Day 04 class 屬性
下一篇
Day 06 id 屬性
系列文
一日一屬性,HTML 基礎一定行30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言